/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden],
template {
    display: none
}

/*!
 * Viewer.js v1.5.0
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-11-23T05:10:21.757Z
 */

.viewer-close:before,
.viewer-flip-horizontal:before,
.viewer-flip-vertical:before,
.viewer-fullscreen-exit:before,
.viewer-fullscreen:before,
.viewer-next:before,
.viewer-one-to-one:before,
.viewer-play:before,
.viewer-prev:before,
.viewer-reset:before,
.viewer-rotate-left:before,
.viewer-rotate-right:before,
.viewer-zoom-in:before,
.viewer-zoom-out:before {
    background-image: url("");
    background-repeat: no-repeat;
    background-size: 280px;
    color: transparent;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    width: 20px
}

.viewer-zoom-in:before {
    background-position: 0 0;
    content: "Zoom In"
}

.viewer-zoom-out:before {
    background-position: -20px 0;
    content: "Zoom Out"
}

.viewer-one-to-one:before {
    background-position: -40px 0;
    content: "One to One"
}

.viewer-reset:before {
    background-position: -60px 0;
    content: "Reset"
}

.viewer-prev:before {
    background-position: -80px 0;
    content: "Previous"
}

.viewer-play:before {
    background-position: -100px 0;
    content: "Play"
}

.viewer-next:before {
    background-position: -120px 0;
    content: "Next"
}

.viewer-rotate-left:before {
    background-position: -140px 0;
    content: "Rotate Left"
}

.viewer-rotate-right:before {
    background-position: -160px 0;
    content: "Rotate Right"
}

.viewer-flip-horizontal:before {
    background-position: -180px 0;
    content: "Flip Horizontal"
}

.viewer-flip-vertical:before {
    background-position: -200px 0;
    content: "Flip Vertical"
}

.viewer-fullscreen:before {
    background-position: -220px 0;
    content: "Enter Full Screen"
}

.viewer-fullscreen-exit:before {
    background-position: -240px 0;
    content: "Exit Full Screen"
}

.viewer-close:before {
    background-position: -260px 0;
    content: "Close"
}

.viewer-container {
    bottom: 0;
    direction: ltr;
    font-size: 0;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.viewer-container::-moz-selection,
.viewer-container ::-moz-selection {
    background-color: transparent
}

.viewer-container::selection,
.viewer-container ::selection {
    background-color: transparent
}

.viewer-container img {
    display: block;
    height: auto;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%
}

.viewer-canvas {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.viewer-canvas>img {
    height: auto;
    margin: 15px auto;
    max-width: 90% !important;
    width: auto
}

.viewer-footer {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center
}

.viewer-navbar {
    background-color: rgba(0, 0, 0, .5);
    overflow: hidden
}

.viewer-list {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 50px;
    margin: 0;
    overflow: hidden;
    padding: 1px 0
}

.viewer-list>li {
    color: transparent;
    cursor: pointer;
    float: left;
    font-size: 0;
    height: 50px;
    line-height: 0;
    opacity: .5;
    overflow: hidden;
    -webkit-transition: opacity .15s;
    transition: opacity .15s;
    width: 30px
}

.viewer-list>li:hover {
    opacity: .75
}

.viewer-list>li+li {
    margin-left: 1px
}

.viewer-list>.viewer-loading {
    position: relative
}

.viewer-list>.viewer-loading:after {
    border-width: 2px;
    height: 20px;
    margin-left: -10px;
    margin-top: -10px;
    width: 20px
}

.viewer-list>.viewer-active,
.viewer-list>.viewer-active:hover {
    opacity: 1
}

.viewer-player {
    background-color: #000;
    bottom: 0;
    cursor: none;
    display: none;
    right: 0
}

.viewer-player,
.viewer-player>img {
    left: 0;
    position: absolute;
    top: 0
}

.viewer-toolbar>ul {
    display: inline-block;
    margin: 0 auto 5px;
    overflow: hidden;
    padding: 3px 0
}

.viewer-toolbar>ul>li {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 50%;
    cursor: pointer;
    float: left;
    height: 24px;
    overflow: hidden;
    -webkit-transition: background-color .15s;
    transition: background-color .15s;
    width: 24px
}

.viewer-toolbar>ul>li:hover {
    background-color: rgba(0, 0, 0, .8)
}

.viewer-toolbar>ul>li:before {
    margin: 2px
}

.viewer-toolbar>ul>li+li {
    margin-left: 1px
}

.viewer-toolbar>ul>.viewer-small {
    height: 18px;
    margin-bottom: 3px;
    margin-top: 3px;
    width: 18px
}

.viewer-toolbar>ul>.viewer-small:before {
    margin: -1px
}

.viewer-toolbar>ul>.viewer-large {
    height: 30px;
    margin-bottom: -3px;
    margin-top: -3px;
    width: 30px
}

.viewer-toolbar>ul>.viewer-large:before {
    margin: 5px
}

.viewer-tooltip {
    background-color: rgba(0, 0, 0, .8);
    border-radius: 10px;
    color: #fff;
    display: none;
    font-size: 12px;
    height: 20px;
    left: 50%;
    line-height: 20px;
    margin-left: -25px;
    margin-top: -10px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 50px
}

.viewer-title {
    color: #ccc;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    margin: 0 5% 5px;
    max-width: 90%;
    opacity: .8;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: opacity .15s;
    transition: opacity .15s;
    white-space: nowrap
}

.viewer-title:hover {
    opacity: 1
}

.viewer-button {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 50%;
    cursor: pointer;
    height: 80px;
    overflow: hidden;
    position: absolute;
    right: -40px;
    top: -40px;
    -webkit-transition: background-color .15s;
    transition: background-color .15s;
    width: 80px
}

.viewer-button:focus,
.viewer-button:hover {
    background-color: rgba(0, 0, 0, .8)
}

.viewer-button:before {
    bottom: 15px;
    left: 15px;
    position: absolute
}

.viewer-fixed {
    position: fixed
}

.viewer-open {
    overflow: hidden
}

.viewer-show {
    display: block
}

.viewer-hide {
    display: none
}

.viewer-backdrop {
    background-color: rgba(0, 0, 0, .5)
}

.viewer-invisible {
    visibility: hidden
}

.viewer-move {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.viewer-fade {
    opacity: 0
}

.viewer-in {
    opacity: 1
}

.viewer-transition {
    -webkit-transition: all .3s;
    transition: all .3s
}

@-webkit-keyframes viewer-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes viewer-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.viewer-loading:after {
    -webkit-animation: viewer-spinner 1s linear infinite;
    animation: viewer-spinner 1s linear infinite;
    border: 4px solid hsla(0, 0%, 100%, .1);
    border-left-color: hsla(0, 0%, 100%, .5);
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 1
}

@media (max-width:767px) {
    .viewer-hide-xs-down {
        display: none
    }
}

@media (max-width:991px) {
    .viewer-hide-sm-down {
        display: none
    }
}

@media (max-width:1199px) {
    .viewer-hide-md-down {
        display: none
    }
}

.dv-active-ring-chart {
    position: relative
}

.dv-active-ring-chart .active-ring-chart-container {
    width: 100%;
    height: 100%
}

.dv-active-ring-chart .active-ring-info {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dv-active-ring-chart .active-ring-info .dv-digital-flop {
    width: 100px;
    height: 30px
}

.dv-active-ring-chart .active-ring-info .active-ring-name {
    width: 100px;
    height: 30px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.dv-border-box-1 {
    position: relative;
    width: 100%;
    height: 100%
}

.dv-border-box-1 .border {
    position: absolute;
    display: block
}

.dv-border-box-1 .right-top {
    right: 0;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.dv-border-box-1 .left-bottom {
    bottom: 0;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.dv-border-box-1 .right-bottom {
    right: 0;
    bottom: 0;
    -webkit-transform: rotateX(180deg) rotateY(180deg);
    transform: rotateX(180deg) rotateY(180deg)
}

.dv-border-box-1 .border-box-content,
.dv-border-box-10 {
    position: relative;
    width: 100%;
    height: 100%
}

.dv-border-box-10 {
    border-radius: 6px
}

.dv-border-box-10 .border {
    position: absolute;
    display: block
}

.dv-border-box-10 .right-top {
    right: 0;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.dv-border-box-10 .left-bottom {
    bottom: 0;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.dv-border-box-10 .right-bottom {
    right: 0;
    bottom: 0;
    -webkit-transform: rotateX(180deg) rotateY(180deg);
    transform: rotateX(180deg) rotateY(180deg)
}

.dv-border-box-10 .border-box-content,
.dv-border-box-11 {
    position: relative;
    width: 100%;
    height: 100%
}

.dv-border-box-11 .dv-border-svg-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.dv-border-box-11 .dv-border-svg-container polyline {
    fill: none;
    stroke-width: 1
}

.dv-border-box-11 .border-box-content,
.dv-border-box-12 {
    position: relative;
    width: 100%;
    height: 100%
}

.dv-border-box-12 .dv-border-svg-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.dv-border-box-12 .border-box-content,
.dv-border-box-13 {
    position: relative;
    width: 100%;
    height: 100%
}

.dv-border-box-13 .dv-border-svg-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.dv-border-box-2,
.dv-border-box-13 .border-box-content {
    position: relative;
    width: 100%;
    height: 100%
}

.dv-border-box-2 .dv-border-svg-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.dv-border-box-2 .dv-border-svg-container polyline {
    fill: none;
    stroke-width: 1
}

.dv-border-box-2 .border-box-content,
.dv-border-box-3 {
    position: relative;
    width: 100%;
    height: 100%
}

.dv-border-box-3 .dv-border-svg-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.dv-border-box-3 .dv-border-svg-container polyline {
    fill: none
}

.dv-border-box-3 .dv-bb3-line1 {
    stroke-width: 3
}

.dv-border-box-3 .dv-bb3-line2 {
    stroke-width: 1
}

.dv-border-box-3 .border-box-content,
.dv-border-box-4 {
    position: relative;
    width: 100%;
    height: 100%
}

.dv-border-box-4 .dv-reverse {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dv-border-box-4 .dv-border-svg-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.dv-border-box-4 .dv-border-svg-container polyline {
    fill: none
}

.dv-border-box-4 .sw1 {
    stroke-width: 1
}

.dv-border-box-4 .sw3 {
    stroke-width: 3px;
    stroke-linecap: round
}

.dv-border-box-4 .dv-bb4-line-1,
.dv-border-box-4 .dv-bb4-line-2 {
    stroke-width: 1
}

.dv-border-box-4 .dv-bb4-line-3,
.dv-border-box-4 .dv-bb4-line-4 {
    stroke-width: 3px;
    stroke-linecap: round
}

.dv-border-box-4 .dv-bb4-line-5,
.dv-border-box-4 .dv-bb4-line-6,
.dv-border-box-4 .dv-bb4-line-7 {
    stroke-width: 1
}

.dv-border-box-4 .dv-bb4-line-8,
.dv-border-box-4 .dv-bb4-line-9 {
    stroke-width: 3px;
    stroke-linecap: round
}

.dv-border-box-4 .dv-bb4-line-9 {
    stroke-dasharray: 100 250
}

.dv-border-box-4 .dv-bb4-line-10 {
    stroke-width: 1;
    stroke-dasharray: 80 270
}

.dv-border-box-4 .border-box-content,
.dv-border-box-5 {
    position: relative;
    width: 100%;
    height: 100%
}

.dv-border-box-5 .dv-reverse {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dv-border-box-5 .dv-svg-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.dv-border-box-5 .dv-svg-container polyline {
    fill: none
}

.dv-border-box-5 .dv-bb5-line-1,
.dv-border-box-5 .dv-bb5-line-2 {
    stroke-width: 1
}

.dv-border-box-5 .dv-bb5-line-3,
.dv-border-box-5 .dv-bb5-line-6 {
    stroke-width: 5
}

.dv-border-box-5 .dv-bb5-line-4,
.dv-border-box-5 .dv-bb5-line-5 {
    stroke-width: 2
}

.dv-border-box-5 .border-box-content,
.dv-border-box-6 {
    position: relative;
    width: 100%;
    height: 100%
}

.dv-border-box-6 .dv-svg-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.dv-border-box-6 .dv-svg-container polyline {
    fill: none;
    stroke-width: 1
}

.dv-border-box-6 .border-box-content,
.dv-border-box-7 {
    position: relative;
    width: 100%;
    height: 100%
}

.dv-border-box-7 .dv-svg-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.dv-border-box-7 .dv-svg-container polyline {
    fill: none;
    stroke-linecap: round
}

.dv-border-box-7 .dv-bb7-line-width-2 {
    stroke-width: 2
}

.dv-border-box-7 .dv-bb7-line-width-5 {
    stroke-width: 5
}

.dv-border-box-7 .border-box-content,
.dv-border-box-8 {
    position: relative;
    width: 100%;
    height: 100%
}

.dv-border-box-8 svg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.dv-border-box-8 .border-box-content,
.dv-border-box-9 {
    position: relative;
    width: 100%;
    height: 100%
}

.dv-border-box-9 svg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.dv-border-box-9 .border-box-content {
    position: relative;
    width: 100%;
    height: 100%
}

.dv-capsule-chart {
    position: relative;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 10px;
    color: #fff
}

.dv-capsule-chart,
.dv-capsule-chart .label-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dv-capsule-chart .label-column {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 10px;
    text-align: right;
    font-size: 12px
}

.dv-capsule-chart .label-column div {
    height: 20px;
    line-height: 20px
}

.dv-capsule-chart .capsule-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.dv-capsule-chart .capsule-item {
    -webkit-box-shadow: 0 0 3px #999;
    box-shadow: 0 0 3px #999;
    height: 10px;
    margin: 5px 0;
    border-radius: 5px
}

.dv-capsule-chart .capsule-item div {
    height: 8px;
    margin-top: 1px;
    border-radius: 5px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.dv-capsule-chart .unit-label {
    height: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.dv-capsule-chart .unit-label,
.dv-capsule-chart .unit-text {
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dv-capsule-chart .unit-text {
    text-align: right;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    line-height: 20px;
    margin-left: 10px
}

.dv-charts-container {
    position: relative
}

.dv-charts-container,
.dv-charts-container .charts-canvas-container,
.dv-conical-column-chart {
    width: 100%;
    height: 100%
}

.dv-conical-column-chart text {
    text-anchor: middle
}

.dv-decoration-1 {
    width: 100%;
    height: 100%
}

.dv-decoration-1 svg {
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.dv-decoration-10,
.dv-decoration-11 {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dv-decoration-11 {
    position: relative
}

.dv-decoration-11 .decoration-content {
    position: absolute;
    top: 0;
    left: 0
}

.dv-decoration-2,
.dv-decoration-11 .decoration-content {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dv-decoration-3 {
    width: 100%;
    height: 100%
}

.dv-decoration-3 svg {
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.dv-decoration-4 {
    position: relative;
    width: 100%;
    height: 100%
}

.dv-decoration-4 .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: absolute
}

.dv-decoration-4 .normal {
    height: 0% !important;
    -webkit-animation: ani-height 3s ease-in-out infinite;
    animation: ani-height 3s ease-in-out infinite;
    left: 50%;
    margin-left: -2px
}

.dv-decoration-4 .reverse {
    width: 0 !important;
    -webkit-animation: ani-width 3s ease-in-out infinite;
    animation: ani-width 3s ease-in-out infinite;
    top: 50%;
    margin-top: -2px
}

@-webkit-keyframes ani-height {
    70% {
        height: 100%
    }
    to {
        height: 100%
    }
}

@keyframes ani-height {
    70% {
        height: 100%
    }
    to {
        height: 100%
    }
}

@-webkit-keyframes ani-width {
    70% {
        width: 100%
    }
    to {
        width: 100%
    }
}

@keyframes ani-width {
    70% {
        width: 100%
    }
    to {
        width: 100%
    }
}

.dv-decoration-5,
.dv-decoration-6 {
    width: 100%;
    height: 100%
}

.dv-decoration-6 svg {
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.dv-decoration-7 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dv-decoration-7,
.dv-decoration-8,
.dv-decoration-9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%
}

.dv-decoration-9 {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dv-decoration-9 svg {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.dv-digital-flop canvas {
    width: 100%;
    height: 100%
}

.dv-flyline-chart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-size: 100% 100%
}

.dv-flyline-chart polyline {
    -webkit-transition: all .3s;
    transition: all .3s
}

.dv-flyline-chart text {
    text-anchor: middle;
    dominant-baseline: middle
}

.dv-flyline-chart-enhanced {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-size: 100% 100%
}

.dv-flyline-chart-enhanced text {
    text-anchor: middle;
    dominant-baseline: middle
}

#dv-full-screen-container {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    z-index: 999
}

.dv-loading {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dv-loading .loading-tip {
    font-size: 15px
}

.dv-percent-pond {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.dv-percent-pond svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.dv-percent-pond polyline {
    -webkit-transition: all .3s;
    transition: all .3s
}

.dv-percent-pond text {
    font-size: 25px;
    font-weight: 700;
    text-anchor: middle;
    dominant-baseline: middle
}

.dv-scroll-board {
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff
}

.dv-scroll-board .text {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dv-scroll-board .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 15px
}

.dv-scroll-board .header .header-item {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .3s;
    transition: all .3s
}

.dv-scroll-board .rows {
    overflow: hidden
}

.dv-scroll-board .rows .row-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.dv-scroll-board .rows .ceil {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dv-scroll-board .rows .index {
    border-radius: 3px;
    padding: 0 3px
}

.dv-scroll-ranking-board {
    width: 100%;
    height: 100%;
    color: #fff;
    overflow: hidden
}

.dv-scroll-ranking-board .row-item {
    -webkit-transition: all .3s;
    transition: all .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

.dv-scroll-ranking-board .ranking-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    font-size: 13px
}

.dv-scroll-ranking-board .ranking-info .rank {
    width: 40px;
    color: #1370fb
}

.dv-scroll-ranking-board .ranking-info .info-name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.dv-scroll-ranking-board .ranking-column {
    border-bottom: 2px solid rgba(19, 112, 251, .5);
    margin-top: 5px
}

.dv-scroll-ranking-board .ranking-column .inside-column {
    position: relative;
    height: 6px;
    background-color: #1370fb;
    margin-bottom: 2px;
    border-radius: 1px;
    overflow: hidden
}

.dv-scroll-ranking-board .ranking-column .shine {
    position: absolute;
    left: 0;
    top: 2px;
    height: 2px;
    width: 50px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    background: radial-gradient(#28f8ff 5%, transparent 80%);
    -webkit-animation: shine 3s ease-in-out infinite alternate;
    animation: shine 3s ease-in-out infinite alternate
}

@-webkit-keyframes shine {
    80% {
        left: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    to {
        left: 100%;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes shine {
    80% {
        left: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    to {
        left: 100%;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.dv-water-pond-level {
    position: relative
}

.dv-water-pond-level svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.dv-water-pond-level text {
    font-size: 25px;
    font-weight: 700;
    text-anchor: middle;
    dominant-baseline: middle
}

.dv-water-pond-level ellipse,
.dv-water-pond-level rect {
    fill: none;
    stroke-width: 3
}

.dv-water-pond-level canvas {
    margin-top: 8px;
    margin-left: 8px;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}